<!--
 * @Descripttion: 大三一名学习前端开发的计科学生，缓慢成长中！
 * @emial: 2392862431@qq.com
 * @Author: SummerSofts
 * @Date: 2023-08-12 20:36:21
 * @LastEditors: SummerSofts
 * @LastEditTime: 2023-09-15 16:18:23
-->
<template>
<div class="welcom">
    <div class="texts">WarmHeartUI</div>
    <div class="des">基于vue3的UI组件库，更简，更好，更方便！</div>
  <wmButton size="big" @click="goHome" class="enter" type="flyLine">立即使用</wmButton>
</div>

</template>


<script setup>
import {ref,reactive,onMounted} from "vue"
import {useRoute,useRouter} from "vue-router"
const router = useRouter()
let goHome = ()=>{
    router.push("/button")
}
</script>


<style lang="less" scoped>
.welcom{
    width: 100%;
    height: 90vh;
    margin: 0 auto;
    background-image: url(../assets/bg/love.jpg);
    background-size: cover;
    .texts{
        width: 80vw;
        height: 30vh;
        margin: 0 auto;
        text-align: center;
        font-size: 8vw;
        font-family: Yomogi;
        
    }
    .des{
        width: 20vw;
        height: 8vh;
        color: rgb(248, 44, 44);
        margin: 0 auto;
        text-align: left;
        font-family: Yomogi;
        font-size: 1.6vw;
    }
    .enter{
        margin-left: 44%;
        margin-top: 40px;
    }
}
</style>
